.main {
	position: relative;
	padding: 10px 10px;
	background-color: #2096d0;
	color: #fff;
	.outside {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.sport {
		font-size: 24px;
	}
	#num {
		font-size: 20px;
		margin-left: 40px;
		margin-top: 60px;
		span {
			font-size: 100px;
		}
	}
	#gps {
		position: relative;
		font-size: 14px;
		color: #acdfff;
		margin-left: 22px;
		margin-top: 60px;
		#dian {
			position: absolute;
			top: -3px;
			left: 162px;
		}
		.iconfont {
			font-size: 40px;
			color: #fff;
			position: absolute;
			top: -18px;
			left: 258px;
		}
	}
	#box {
		margin-top: 80px;

		.iconfont {
			font-size: 45px;
		}

		#change {
			color: #fff;
			font-size: 20px;
			// display: flex;
			// justify-content: space-around;
			#nub {
				margin-left: 30px;
			}
			#time {
				margin-left: 50px;
			}
			#carlorie {
				margin-left: 52px;
			}
		}
		p:nth-child(1),
		p:nth-child(2) {
			font-size: 16px;
			color: #aad9f7;
			display: flex;
			justify-content: space-around;
			margin-bottom: 10px;
		}
	}
	#btn {
		width: 100px;
		height: 100px;
		background-color: #fff;
		border-radius: 50%;
		margin-top: 40px;
		margin-left: 127px;
		color: #2096d0;
		font-weight: bold;
		.iconfont {
			font-weight: normal;
			font-size: 22px;
			border: 5px solid #2096d0;
			border-radius: 50%;
		}
		p {
			margin-top: 5px;
		}
	}
	#hidden {
		position: fixed;
		bottom: 20px;
		left: 66px;
		display: flex;
		display: none;
		#playBox {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background-color: #79f0c2;
			color: #fff;
			text-align: center;
			margin-right: 40px;
			i {
				margin-top: 20px;
				font-size: 30px;
				display: block;
			}
		}
		#endBox {
			width: 100px;
			height: 100px;
			border-radius: 50%;
			background-color: #ff6060;
			color: #fff;
			text-align: center;
			i {
				margin-top: 20px;
				font-size: 30px;
				display: block;
			}
		}
	}
}
